﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="tableSorter.aspx.cs" Inherits="WebApp.tableSorter" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="scripts/style.css" rel="stylesheet" type="text/css" />
    <script src="scripts/jquery-1.2.6.min.js" type="text/javascript"></script>

    <script src="scripts/jquery.pager.js" type="text/javascript"></script>
    <script src="scripts/jquery.tablesorter.js" type="text/javascript"></script>

    <script src="scripts/jquery.tablesorter.pager.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
    $(document).ready(function() {
    $("#myTable").tablesorter({ sortList: [[0, 0], [1, 0]] });

    $('#example3').pager('p', {
        navId: 'nav3',
        prevText: 'Previous',
        nextText: 'Next',
        linkText: ['Page 1', 'Page 2', 'Page 3', 'Page 4']
    });
    }
); 
   
</script>
</head>
<body>
    <form id="form1" runat="server">
    <table id="myTable">
        <thead>
            <tr>
                <th>
                    Last Name
                </th>
                <th>
                    First Name
                </th>
                <th>
                    Email
                </th>
                <th>
                    Due
                </th>
                <th>
                    Web Site
                </th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    Smith
                </td>
                <td>
                    John
                </td>
                <td>
                    jsmith@gmail.com
                </td>
                <td>
                    $50.00
                </td>
                <td>
                    http://www.jsmith.com
                </td>
            </tr>
            <tr>
                <td>
                    Bach
                </td>
                <td>
                    Frank
                </td>
                <td>
                    fbach@yahoo.com
                </td>
                <td>
                    $50.00
                </td>
                <td>
                    http://www.frank.com
                </td>
            </tr>
            <tr>
                <td>
                    Doe
                </td>
                <td>
                    Jason
                </td>
                <td>
                    jdoe@hotmail.com
                </td>
                <td>
                    $100.00
                </td>
                <td>
                    http://www.jdoe.com
                </td>
            </tr>
            <tr>
                <td>
                    Conway
                </td>
                <td>
                    Tim
                </td>
                <td>
                    tconway@earthlink.net
                </td>
                <td>
                    $50.00
                </td>
                <td>
                    http://www.timconway.com
                </td>
            </tr>
        </tbody>
    </table>
    

<div id="example1">
  <div><p>Lorem ipsum...</p></div>
  <div><p>Donec ultricies...</p></div>
</div>
    </form>
</body>
</html>
